/**
 * 视频回放列表样式
 * @author xiaoxujs
 */

import { FC } from "react";
import { ListStyleModuleBox } from "../../style";
import { IIYckzZyLoadControlParamSetSetSetVideoVO } from "../../../../../type/remoteControl/loadingControlList";

const ListStyleModule: FC<{
    data?: IIYckzZyLoadControlParamSetSetSetVideoVO,
}> = ({
    data
}) => {
        return <ListStyleModuleBox>
            <tr className="box-title-tr">
                <th align='center'>IP地址</th>
                <th align='center'>端口号</th>
                <th align='center'>认证用户名</th>
                <th align='center'>认证用户密码</th>
                <th align='center'>视频通道号</th>
                <th align='center'>截取前(秒)</th>
                <th align='center'>截取后(秒)</th>
                <th align='center'>存储位置</th>
            </tr>
            <tr className="box-tr">
                <td align='center'>{data && (data.videoIp || '--')}</td>
                <td align='center'>{data && (data.videoPort || '--')}</td>
                <td align='center'>{data && (data.videoUser || '--')}</td>
                <td align='center'>{data && (data.videoPassword || '--')}</td>
                <td align='center'>{data && (data.videoLane || '--')}</td>
                <td align='center'>{data && (data.videoBeforeTime || '--')}</td>
                <td align='center'>{data && (data.videoAfterTime || '--')}</td>
                <td align='center'>{data && (data.videoFileSite || '--')}</td>
            </tr>
        </ListStyleModuleBox>
    }

export default ListStyleModule;